<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
     <!--微信缓存-->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />

    <meta name="description" content="趣定义">
    <meta name="keywords" content="趣定义">
    <title>首页</title>
    <link rel="stylesheet" href="../css/common/common.css" type="text/css"/>
    <link rel="stylesheet" href="../css/common/font-awesome-4.6.3/css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="../css/model/index.css"/>
</head>
<body>
<!--初始化 start-->
<div id="initialize">
    <div id="status"><i class="fa fa-spinner fa-spin"></i></div>
</div>
<!--初始化 end-->
<!-- 轮播 start -->
 <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img src="../image/banner1.png">
            </div>
            <div class="swiper-slide">
               <img src="../image/banner2.png">
            </div>
            <div class="swiper-slide">
               <img src="../image/banner1.png">
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
<!-- 轮播 end -->

<!--info start-->
<!--最新资讯-->
<div class="info">
	<div class="new">
		<img src="../image/icon/闪电.png" alt="" />
		<span>团队管理员开始招募啦！</span>
	</div>
</div>
<!--info end-->

<div class="content">
  <!-- 分类 start -->
  <div class="type clear">
    <div class="venues pull-left">
      <img src="../image/icon/1.png">
      <div class="text">
        <h3>场馆</h3>
        <p>搜索附近场馆</p>
      </div>
    </div>
    <div class="instruments pull-right">
      <img src="../image/icon/2.png">
       <div class="text">
        <h3>器材</h3>
        <p>免费器材租借</p>
      </div>
    </div>
  </div>
   <!-- 分类 end -->
   <!-- 热门团队 start -->
  <div class="team-content">
  <div class="team-title">
    <img src="../image/icon/hot_team.png">
  </div>
  <div class="team-img clear">
    <div class="team-img-box">
      <div class="img-box">
        <img src="../image/timg-(1).png">
      </div>
      <div class="team-text">
        <p>跑跑小队新历程上线！</p>
      </div>  
    </div>
    <div class="team-img-box">
      <div class="img-box">
        <img src="../image/timg-(1).png">
      </div>
      <div class="team-text">
        <p>用实力证明自己，新上的发生发生的发放</p>
      </div>
  </div>
   <div class="team-img-box">
      <div class="img-box">
        <img src="../image/timg-(1).png">
      </div>
      <div class="team-text">
        <p>跑跑小队新历程上线！</p>
      </div>
  </div>
  <div class="team-img-box">
      <div class="img-box">
        <img src="../image/timg-(1).png">
      </div>
      <div class="team-text">
        <p>用实力证明自己，新上的发生发生的发放！</p>
      </div>
  </div>
  <div class="team-img-box">
      <div class="img-box">
        <img src="../image/timg-(1).png">
      </div>
      <div class="team-text">
        <p>跑跑小队新历程上线！</p>
      </div>
  </div>
  <div class="team-img-box">
      <div class="img-box">
        <img src="../image/timg-(1).png">
      </div>
      <div class="team-text">
        <p>用实力证明自己，新上的发生发生的发放</p>
      </div>
  </div>
</div>
</div>
 <!-- 热门团队 end -->
 <!-- 猜你喜欢 start -->
<div class="like-content">
  <div class="like-title">
    <img src="../image/icon/like.png">
  </div>
  <div class="like-img clear">
    <div class="like-img-box">
      <div class="img-box">
        <img src="../image/timg-(1).png">
      </div>
      <div class="like-text">
        <p>跑跑小队新历程上线！</p>
      </div>
    </div>
    <div class="like-img-box">
      <div class="img-box">
        <img src="../image/timg-(1).png">
      </div>
      <div class="like-text">
        <p>用实力证明自己，新上的发生发生的发放</p>
      </div>
    </div>
  </div>
</div>
 <!-- 猜你喜欢 end -->

 <!-- 底部导航 start -->
<div class="footer-nav">
  <ul class="clear">
    <li><a href="yq.html">
      <img src="../image/icon/index-icon.png">
      <span>首页</span>
    </a></li>
    <li><a href="#">
      <img src="../image/icon/hover-icon.png">
      <span>我要约</span>
    </a></li>
    <li><a href="hot_act.html">
      <img src="../image/icon/active-icon.png">
      <span>活动</span>
    </a></li>
    <li><a href="#">
      <img src="../image/icon/mine-icon.png">
      <span>我的</span>
    </a></li>
  </ul>
</div>
 <!-- 底部导航 end -->
</div> 
<script type="text/javascript" src="../js/common/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="../js/common/swiper.min.js"></script>
<script type="text/javascript" src="../js/public.js"></script>
<script type="text/javascript">
    var swiper = new Swiper('.swiper-container',{
        pagination: '.swiper-pagination',
      　loop: true
    })
</script>
</body>
</html>